<template>
  <div class="home">
    <Row>
      <Col span="24">
      <component is="Carousel" :height="360" :carousels="carousels"></component>
      </Col>
    </Row>
    <Row>
      <Col span="24">
      <component is="ContentCard" :apps="apps1" :title="'最新应用'"></component>
      </Col>
    </Row>
    <Row>
      <Col span="24">
      <component is="ContentCard" :apps="apps2" :title="'热门应用'"></component>
      </Col>
    </Row>

  </div>
</template>

<script>
  import Carousel from './Carousel' // 轮播图
  import ContentCard from './ContentCard' // 推荐应用

  import banner1 from '../assets/banner001.png'
  import banner2 from '../assets/banner002.png'
  import banner3 from '../assets/banner003.png'
  import banner4 from '../assets/banner004.png'

  export default {
    name: 'home',
    components: {
      Carousel,
      ContentCard
    },
    data () {
      return {
        index: 0,
        carousels: [banner1, banner2, banner3, banner4],
        apps1: [
          {
            id: '0001',
            link: '/0001/detail',
            imgSrc: 'http://img.xclient.info/attachment/2015/11/f2e999f8-8baf-1190-f3ed-e093831af7d3.png',
            title: 'Alfred 3.3.2 效率神器',
            description: 'Alfred 这是一款被称之为Mac效率神器的App，有了Alfred 你甚至无需鼠标就可以实现各种操作，包括出发各种文件、网络操作，其UI界面使用方便，而且不是通过命令来实现，是开发者们和键盘刘童鞋们的神器，比之此前类似的软件——Pack和Power来说完全是秒杀的节奏。',
            downloads: '98642',
            date: '2017-05-13',
            type: '应用软件',
            typeLink: 'javascript:;'
          },
          {
            id: '0002',
            link: '/0002/detail',
            imgSrc: 'http://img.xclient.info/attachment/2015/12/2d136ec3-bb11-231e-0717-fe97a3a2ab2c.png',
            title: 'Charles 4.0.2 Mac上的抓包工具',
            description: 'Charles是一款用于HTTP信息抓包工具，可以快速有效的获得HTTP信息，非常利于开发者的网页开发和调试修改等！Charles 有着可视化的操作界面，非常利用编辑者的使用和调试！',
            downloads: '111332',
            date: '2017-06-01',
            type: '应用软件',
            typeLink: 'javascript:;'
          },
          {
            id: '0003',
            link: '/0003/detail',
            imgSrc: 'http://img.xclient.info/attachment/2016/01/e8f5f7f7-32b1-1ad2-8f62-c99951e99c25.png',
            title: 'Ulysses 2.8.2 强大的文本编辑器',
            description: 'Ulysses 是您在 OS X 上的一站式写作环境。无论您是小说家、记者、学生还是博客，如果您喜欢写作，而且经常写作，那么 Ulysses 可以为您提供一套独特的工具，涵盖写作流程的所有方面：',
            downloads: '40837',
            date: '2017-06-11 15:05:14',
            type: '应用软件',
            typeLink: 'javascript:;'
          },
          {
            id: '0004',
            link: '/0004/detail',
            imgSrc: 'http://img.xclient.info/attachment/2016/11/8192c982-4245-e1b4-36a7-cfcaac406b33.png',
            title: 'Sketch 43.1 轻量易用的矢量设计工具',
            description: 'Sketch（App Store 精华） 是最强大的移动应用矢量绘图设计工具，对于网页设计和移动设计者来说，比PhotoShop好用N倍！尤其是在移动应用设计方面，Sketch 的优点在于使用简单，学习曲线低，并且功能更加强大易用，支持自动切图，并且具有移动设计模板，能够大大节省设计师的时间和工作量，非常适合进行网站设计、移动应用设计、图标设计等。',
            downloads: '40837',
            date: '2017-06-11 15:05:14',
            type: '应用软件',
            typeLink: 'javascript:;'
          }
        ],
        apps2: [
          {
            link: 'javascript:;',
            imgSrc: 'http://img.xclient.info/attachment/2015/10/c337c2fd-3e5a-edbe-812c-cbf797391cf1.png',
            title: 'Adobe Photoshop CC 2017 18.1.0',
            description: 'Photoshop CC（Creative Cloud）。除去Photoshop CS6中所包含的功能，Photoshop CC新增相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能，以及Creative Cloud，即云功能。',
            downloads: '98642',
            date: '2017-05-13',
            type: '应用软件',
            typeLink: 'javascript:;'
          },
          {
            link: 'javascript:;',
            imgSrc: 'http://img.xclient.info/attachment/2017/06/4b2b3f4a-8a69-8d4c-a776-99633d4a8eec.png',
            title: 'Navicat Premium 12.0.4 强大的数据库管理工具',
            description: 'Navicat Premium 结合了其他 Navicat 成员的功能。有了不同数据库类型的连接能力，Navicat Premium 支持在 MySQL、SQL Server、SQLite、Oracle 及 PostgreSQL 之间传输数据。包括存储过程，事件，触发器，函数，视图等。',
            downloads: '40837',
            date: '2017-06-11 15:05:14',
            type: '应用软件',
            typeLink: 'javascript:;'
          },
          {
            link: 'javascript:;',
            imgSrc: 'http://img.xclient.info/attachment/2015/11/7e6e8159-1b10-e430-1248-33b2aa9efb73.png',
            title: 'Dash 4.0.3 开发者必备 API文档聚合',
            description: 'Dash for mac 是一款API 调试工具, 支持130种API特性.API文档浏览器和代码片段的管理工具 Mac平台的API文档浏览器和代码片段的管理工具，可以帮助你储存的代码片段,以及即时搜索和浏览文档几乎任何API文档',
            downloads: '40837',
            date: '2017-06-11 15:05:14',
            type: '应用软件',
            typeLink: 'javascript:;'
          },
          {
            link: 'javascript:;',
            imgSrc: 'http://img.xclient.info/attachment/2016/01/ffb905b2-82a3-70f8-88b0-dac177ec4c27.png',
            title: 'Dash 4.0.3 开发者必备 API文档聚合',
            description: 'Principle 是前 Apple 工程师打造的一款交互设计工具，五分钟即可制作出一个具有完整交互动画的原型，并且可将交互动画生成视频或者 Gif 分享到 Dribbble、Twitter 等社交平台。此外 Principle 还支持多种尺寸的原型设计，包括 Apple Watch。',
            downloads: '40837',
            date: '2017-06-11 15:05:14',
            type: '应用软件',
            typeLink: 'javascript:;'
          }
        ]

      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus">
  .home {
    max-width: 1200px;
    margin: 0 auto
  }
</style>
